<template>  
<MyHeader />  
<br>
  <div class="center-container">  
    
    <div class="leave-container">  
        <div class="guan">
管理个人信息
        </div>
        <br>
          
      
      <MyInfor />
      
    </div>  
  </div>  
</template>  
  
<script>  
import MyInfor from "./mycenterModule/MyInfor.vue";  
  
export default {  
  components: { MyInfor },  
};  
</script>  
  
<style scoped>  
.center-container {  
  display: flex;  
  justify-content: center; /* 水平居中 */  
  width: 100%;  
}  
  
.leave-container {  
  display: flex;  
  min-height: 150px;  
  background-color: #f2f2f2;  
  width: 85%;  
  padding: 15px;  
  /* 如果不需要垂直居中，可以移除或调整.center-container的align-items属性 */  
}  
  
.guan {  
  width: 150px;  
  background-color: beige;  
  border-right: 3px sienna solid;  
  border-top: none;  
  border-bottom: none;  
  border-left: none;  
  padding: 5px;  
  letter-spacing: 2px;  
  height: 800px; /* 根据需要调整 */  
}  
</style>
